<template>
  <div class="aside">
    <h2>组件列表</h2>
    <ul>
      <li>
        <router-link to="doc/SwitchDemo">Switch组件</router-link>
      </li>
      <li>
        <router-link to="/icon">Icon组件</router-link>
      </li>
      <li>
        <router-link to="/button">Button组件</router-link>
      </li>
      <li>
        <router-link to="/input">Input组件</router-link>
      </li>
      <li>
        <router-link to="/dialog">Dialog组件</router-link>
      </li>
      <li>
        <router-link to="/tree">Tree组件</router-link>
      </li>
      <li>
        <router-link to="/form">From组件</router-link>
      </li>
      <li>
        <router-link to="/table">Table组件</router-link>
      </li>
      <li>
        <router-link to="/scroll">Scroll组件</router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Aside",
  data() {
    return {};
  },
  components: {},
  methods: {},
  mounted() {},
};
</script>

<style scoped>
.aside h2 {
  margin-top: 0.2em;
  text-align: center;
}
.aside ul {
  list-style-type: none;
  margin: 0;
  line-height: 1.5em;
  padding-left: 1em;
}
.aside li {
  margin-top: 0.5em;
}
.aside li a {
  text-decoration: none;
  color: black;
}
</style>